/**
* 功能描述：基础级联选择器样式表
* @author jin xiaohang
* @date 2022/9/22 15:49
*/

@import "src/style/mixins/index";

//布局相关
@include b(base-cascader-layout){

  width: 280px;
  height: 280px;
  display: flex;
  flex-direction: column;
  align-items: center;
  .#{$namespace}-base-cascader-panel-layout{

      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: center;
      width: 100%;
      height: 92%;
      margin-top: 2px;
      >div{
        display: flex;
        width: 33%;
        height: 100%;
        justify-content: center;
      }
      ul{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        li{
          display: flex;
          flex-direction: row;
          justify-content: space-between;
        }
      }

  }
}


//样式相关
@include b(base-cascader-style){

    .#{$namespace}-base-cascader-panel-style{
        border-style: solid;
        border-width: 1px;

      >div{
        border-right-style: solid;
        border-right-width: 1px;
      }
      li{
        padding: 0 30px 0 20px;
        cursor: pointer;
        &:hover{
          background-color: #DCDFE6;
          color: #40d2ff;
        }
      }
      .#{$namespace}-base-cascader-menu-third-style{
          border-right-style: none;
      }
    }
}
